/*
 * 2018-07-13 20:59:07
 * HQS
 * 
 * 赛事详情-大逃杀开放报名
 * */
            

.pc{width: 100%;position: relative;padding-top: 102px;}
/*头部导航菜单*/
.pc .top{height: 102px; position:fixed;top: 0;left: 0;border-bottom: 1px #000 solid;
		-webkit-box-shadow:0 0  10px 1px #040404;  
		-moz-box-shadow:0 0  10px 1px #040404;  
		box-shadow:0 0  10px 1px #040404;z-index: 10;}
.pc .top .top_div{display: block;width: 1158px;height: inherit;margin: 0 auto;}
.pc .top .top_div a.logo{display: block; float: left;width: 162px; margin-top: 19px;}
.pc .top .top_div a.logo img{display: block; width: 100%;}
.pc .top .top_div ul{float: right;width: 606px; height: inherit;}
.pc .top .top_div ul li{display: inline-block; float: left;width:80px;
						height: inherit;line-height: 102px;text-align: center;}
.pc .top .top_div ul li a{display: inline-block;width:inherit; color: #eb8b00;
							height: inherit;line-height: inherit;font-size: 16px;}
.pc .top .top_div ul li a:hover{border-top: 2px #eb8b00 solid; background: #e6e6e6;}


.pc .main{width: 100%;min-width: 1158px;}

/*顶部海报*/
.pc .banner{height: 780px;position: relative;}
.pc .banner .banner_bg{display: block;width: 100%;height: 158px;position: absolute;left: 0;z-index: 0;}
.pc .banner .banner_bg1{top: 0px;  background: url(../img/banner_1.jpg) no-repeat center center;}
.pc .banner .banner_bg2{top: 158px;background: url(../img/banner_2.jpg) no-repeat center center;}
.pc .banner .banner_bg3{top: 316px;background: url(../img/banner_3.jpg) no-repeat center center;}
.pc .banner .banner_bg4{top: 474px;background: url(../img/banner_4.jpg) no-repeat center center;}
.pc .banner .banner_bg5{top: 632px;height: 148px;background: url(../img/banner_5.jpg) no-repeat center center;}

.pc .banner .banner_content{display: block;width: 1158px;height: 780px;margin: 0 auto;padding-top: 200px;position: relative;}
.pc .banner .banner_content .banner_character{display: block;width: 594px;height: 179px;
											margin-left: 81px;}
.pc .banner .banner_content .banner_android_app{display: block;width: 323px;height: 84px;
											margin-left: 55px;margin-top: 117px; position: relative;}
.pc .banner .banner_content .banner_android_app .banner_qr_code{display: none;width: 206px; height: 206px;
															border-radius: 8px; padding-top: 4px;
															position: absolute;top: 0; left: 351px;}
.pc .banner .banner_content .banner_android_app .banner_qr_code p{display: block; width: 100%; color: #d58505;text-align: center;
															  height: 43px;line-height:43px;font-size: 24.28px;}
.pc .banner .banner_content .banner_android_app .banner_qr_code img{display: block;width: 140px; margin: 0 auto;}
.pc .banner .banner_content .banner_android_app:hover .banner_qr_code{display: block;}

.pc .banner .banner_content .banner_ios_app{display: block;width: 323px;height: 84px;
											margin-left: 55px;margin-top: 38px;}



/*游戏列表*/
.pc .GamesList{height: 244px; padding-top: 32px;background: #CA4206;}
.pc .GamesList .GamesList_div{display: block;width:1158px;height: 180px;margin: 0 auto;background: #A8A8A8;}




/*时事*/
.pc .content{height: 748px;position: relative;
			background: #D58505;}
.pc .content .content_div{ width: 1158px;height: inherit;}
/*热门赛事*/
.pc .content .PopularEvents{width: 50%;height: inherit;background: #E6E6E6;float: left;}

/*新闻资讯*/
.pc .content .news{width: 50%;height: inherit;background: #F00;float: right;}





/*大使收获*/
.pc .crunchies{height: 518px;background: #D58505;}
.pc .crunchies .crunchies_div{display: block; width: 1158px; height: 498px;margin: 10px auto;}
/*战队榜*/
.pc .crunchies .edg{width: 50%;height: inherit;background: #794d4d;float: left;}
/*赛事榜*/
.pc .crunchies .Competition{width: 50%;height: inherit;background: #00e6ff;float: right;}




/*联系我们*/
.pc .about{height: 465px;background: #fff;}
.pc .about .about_main{display: block;width:1158px;height: 380px;margin: 0 auto; padding-top: 57px;position: relative;}
.pc .about .about_main p{color: #000;display: block;}
.pc .about .about_main .about_title{width: 100%; font-size: 45.6px;height: 45.6px;line-height: 45.6px;margin-bottom: 20px; text-align: center;}
.pc .about .about_main .about_describe{width: 100%; font-size: 20.85px;height: 20.85px;line-height: 20.85px;margin-bottom: 37px;text-align: center;}

.pc .about .about_main .about_address{display: inline-block;width: 375px;height: 196px;float: left;margin-right: 50px;}
.pc .about .about_main .about_address p{font-size: 16.33px;margin-bottom: 5px;}


#qq::-webkit-inner-spin-button,#mobile::-webkit-inner-spin-button,#contact_number::-webkit-inner-spin-button { -webkit-appearance: none!important; ; }
#qq,#mobile,#contact_number{ appearance: textfield;
							-moz-appearance: textfield;
							-webkit-appearance: textfield; }
#qq:hover,#mobile:hover,#contact_number:hover{ appearance: textfield;
												-moz-appearance: textfield;
												-webkit-appearance: textfield; }
.pc .about .about_main form .form_right{display: inline-block;width: 301px;height: inherit;margin-right: 22px;float: left;}
.pc .about .about_main form .form_right #content{min-width: 302px;max-width: 302px; color: #a8a8a8;font-size: 13.54px;
												margin-bottom: 10px;min-height: 79px;max-height: 79px;
												line-height: 32px;
												border: 1px #eca234 solid;padding-left: 7px;}

.pc .about .about_main form .form_right #contact_submit{width: 302px;height: 34px; color: #fff;font-size: 11.94px;
										  height: 32px; line-height: 32px;text-align: center;
										  background: #e88901;-webkit-tap-highlight-color:transparent;}
.pc .about .about_main form .form_right #contact_submit:hover{background: #cc7700;}

.pc .about ul.foot{display: block;width: 290px;height: 20px;margin: 20px auto 10px;clear: both;}
.pc .about ul.foot li{display: block;float: left;height: 20px;}
.pc .about ul.foot li:nth-of-type(1){border-right: 1px #4b4b4b solid;}
.pc .about ul.foot li:nth-of-type(2){border-right: 1px #4b4b4b solid;}
.pc .about ul.foot li a{display: block; color: #000;font-size: 15.4px;height: 20px;line-height: 20px;
								margin-left: 22px;margin-right: 22px;}
.pc .about ul.foot li a:hover{background: #CCCCCC;}
.pc .about .provider{display: block; color: #000; width: 100%;font-size: 16.72px;text-align: center;}



.pc #com_d { cursor: pointer;  width: 90px; height: 90px;border: 0px;
		 margin: 0px; padding: 0px;
		 position: fixed; right: 40px; bottom: 40px;
		 background: url("../img/top.png") no-repeat center center; z-index: 999; }
.pc #com_d:hover { background: url("../img/top.png") no-repeat center center; }



/*弹窗提示*/

.pop_up_prompts,.toastInfo{display:none;position:absolute;width:100%;
			text-align:center;font-size:1rem;height:30px;line-height:30px;color:#fff;}
.pop_up_prompts span,.toastInfo span{background-color:#a5a3a3;display:inline-block;border-radius:5px;padding:0px 10px;}
.toastInfo{bottom: 35px;}
.pop_up_prompts{bottom: 160px;}

/*PC端样式   结束*/





/*
 * 以下为移动端样式
 * 2018-07-12
 * HQS
 * */

/*顶部 视频*/
.banner .CompetitionVideo{width: 100%; height: 100%; display: block; position: relative;}


/*详情*/
.particular .classify{width: 100%;height: 2.5rem;position: relative;}
.particular .classify a{display: block;width: 25%;height: inherit;line-height: 2.5rem;font-weight: 600;
						font-size: 1rem;color: #6f6f6f;text-align: center;float: left;}
.particular .classify a.avter{color: #0359d2;border-bottom: 2px #0359d2 solid;}

.particular .main{background: #fff;padding-top: 0.5rem;}
.particular .main .events{width: 96%;margin: 0 auto 0.8rem;padding-bottom: 0.6rem;position: relative;}
.particular .main .events a{display: block; width: 100%;height: 100%; position: relative;}
.particular .main .events .EventsBanner{display: block; width: 95%;margin: 0 auto 0.5rem;}
.particular .main .events .description{width: 100%;height: 2.5rem;line-height:2.5rem;padding-left: 0.6rem;
										font-size: 0.7rem;color: #515151;font-weight: 600;}
.particular .main .events .description img{display: block;float: left;margin-right: 0.5rem;width: 7%;margin-top: 0.5rem;}

.particular .main .events .money{width: 40%; padding-left: 1.2rem;height: 1.5rem;line-height: 1.5rem;}
.particular .main .events .money img{width: 13%;float: left;margin-top: 0.2rem;}

.particular .main .events .time{width: 60%; height: 1.5rem;line-height: 1.5rem;}
.particular .main .events .time img{width: 7%;float: left;margin-top: 0.25rem;}

.particular .main .events .number{width: 40%; padding-left: 1.2rem;height: 1.5rem;line-height: 1.5rem;}
.particular .main .events .number img{width: 13%;float: left;margin-top: 0.2rem;}

.particular .main .events .condition{width: 60%;height: 1.5rem;line-height: 1.5rem;}
.particular .main .events .condition span{width: 0.8rem;height:0.8rem;float: left;margin-top: 0.28rem;}
.particular .main .events .category{width: 0px;height: 0px;
									 border-left: 2rem solid transparent;
									 border-right: 0px solid transparent;
									 border-top: 2rem solid red;
									 position: absolute;top: 0rem;right: 0rem;}
.particular .main .events .category span{color: #fff;width: 1.6rem;font-size: 9px;
										  position: absolute;top: -30px;right: -2px;
										  transform: scale(0.75) rotate(45deg);
									      -o-transform: scale(0.75) rotate(45deg);   /* Opera */
										  -ms-transform: scale(0.75) rotate(45deg); 	/* IE 9 */
										  -moz-transform: scale(0.75) rotate(45deg); 	/* Firefox */
									      -webkit-transform: scale(0.75) rotate(45deg);/* Safari 和 Chrome */}
		/*赛事简介*/
.particular .main .synopsis{width: 96%;margin: 0 auto 0.8rem;padding-bottom: 0.6rem;}
.particular .main p.title{width: 94%;margin: 0 auto;height: 2.5rem;line-height: 2.5rem;
						  color: #2d2d2d;font-size: 1rem;font-weight: 700;}
.particular .main p.details{width: 94%;margin: 0 auto;line-height: 1.2rem;text-align: justify;
							color: #999;font-size: 0.6rem;text-indent: 1.6rem;}

		/*赛事规则*/
.particular .main .bonus{width: 96%;position: relative;margin: 2rem auto;clear: both;
						 background: #fff url(../img/public/CrunchiesChampionBG.png) center 5.1rem / 100% no-repeat;}

.particular .main .bonus .Chemistry{width: 33%;position: absolute;}
.particular .main .bonus .Chemistry:nth-of-type(1){left: 33%;top: 0;}
.particular .main .bonus .Chemistry:nth-of-type(2){left: 0%;top: 1rem;}
.particular .main .bonus .Chemistry:nth-of-type(3){left: 66%;top: 1.5rem;}
.particular .main .bonus .Chemistry .lump{width: 100%;position: relative;}
.particular .main .bonus .Chemistry .lump .trophy{display: block;margin: 0rem auto 0;}
.particular .main .bonus .Chemistry:nth-of-type(1) .lump img{width: 80%;}
.particular .main .bonus .Chemistry:nth-of-type(2) .lump img{width: 72%;}
.particular .main .bonus .Chemistry:nth-of-type(3) .lump img{width: 72%;}
.particular .main .bonus .Chemistry .lump .substance{width: 76%;position: absolute;left: 15%;bottom: 2%;}
.particular .main .bonus .Chemistry .lump .substance img{display: inline-block; width: 18%;vertical-align: middle;}
.particular .main .bonus .Chemistry .lump .substance .amount{display: inline-block; width: 78%;text-align: center;float: right;margin-bottom: -0.2rem;
															 font-weight: 800;font-size: 1.3rem;position: relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.amount[data-text]::after{content: attr(data-text);position: absolute;left: 0;z-index: 2;}
.amount1[data-text]::after {color: #ffb03e;
						    -webkit-mask-image: -webkit-gradient(linear, 0 18, 0 bottom, from(#ffb03e), to(rgba(239, 255, 0, 0)));}
.amount2[data-text]::after {color: #c4c1b9;
						    -webkit-mask-image: -webkit-gradient(linear, 0 18, 0 bottom, from(#c4c1b9), to(rgba(0, 0, 255, 0)));}
.amount3[data-text]::after {color: #eda76f;
    						-webkit-mask-image: -webkit-gradient(linear, 0 18, 0 bottom, from(#eda76f), to(rgba(0, 0, 255, 0)));}


.particular .main .bonus .Chemistry .TeamName{width: 100%;text-align: center;font-size: 0.6rem;
											  line-height: 4rem;position: relative;color: #2f2f2f;font-weight: 600;}
.particular .main .bonus .Chemistry .TeamName span.CrunchiesBG{width: 1.2rem;height: 1.2rem;z-index: 1;top: 1.4rem;
																margin-left: 2%;margin-top: 1%;position: absolute;
																transform:rotate(45deg);
																-o-transform:rotate(45deg); 	/* Opera */
																-ms-transform:rotate(45deg); 	/* IE 9 */
																-moz-transform:rotate(45deg); 	/* Firefox */
																-webkit-transform:rotate(45deg); /* Safari 和 Chrome */}
.particular .main .bonus .Chemistry:nth-of-type(1) .TeamName{line-height: 3.2rem;}
.particular .main .bonus .Chemistry:nth-of-type(1) .CrunchiesBG{top: 0.9rem!important;}
.particular .main .bonus .Chemistry .TeamName span.num{position: absolute;z-index: 2;margin-left: 0.5rem;}
.particular .main .event_details .content{width: 96%;margin: 0 auto;padding-bottom: 1rem;}


/*赛程  大逃杀  开始*/
		/*有   竞猜*/
.GameResults .main_con .best{background: #f2f2f2;}
.GameResults .main_con .best .contentHeader{text-align: center;}
.GameResults .main_con .best .content{width: 96%;margin: 0.2rem auto 1rem;}
.GameResults .main_con .best .content .chunk{width: 100%;height: 7rem;margin-bottom: 0.5rem;
											background: url(../img/competition/icon_bg.png) no-repeat center center;background-size: 100% 100%;}
.GameResults .main_con .best .content .chunk div{float: left;}
.GameResults .main_con .best .content .chunk .mold{width: 10%;height: 100%;}
.GameResults .main_con .best .content .chunk .mold img{display: block;width: 70%;margin: 1rem auto;}
.GameResults .main_con .best .content .chunk .equal{width: 30%;}
.GameResults .main_con .best .content .chunk .equal .space{width: 55%;float: left;}
.GameResults .main_con .best .content .chunk .equal .space img{display: block; width: 90%;margin: 1rem auto;border-radius: 50%;}
.GameResults .main_con .best .content .chunk .equal p{width: 45%;float: left;font-size: 0.6rem;}
.GameResults .main_con .best .content .chunk .equal .name{color: #2d2d2d;line-height: 1rem;margin-top: 2rem;}
.GameResults .main_con .best .content .chunk .equal .count{color: #707070;line-height: 1rem;}

.GameResults .main_con .arrange .contentHeader{text-align: center;}
.GameResults .main_con .arrange .content{text-align: center;}
.GameResults .main_con .arrange .content .grouping{height: 3rem;line-height: 3rem;border-top: 1px #ccc solid;margin-bottom: 0.5rem;}
.GameResults .main_con .arrange .content .grouping div{float: left;}
.GameResults .main_con .arrange .content .grouping .left{width:20%;height: 51px; font-size: 0.8rem;font-weight: 800;background: #fff;color: #373737;}
.GameResults .main_con .arrange .content .grouping .right{width:80%;background: #F2F2F2; }
.GameResults .main_con .arrange .content .grouping .right .set{display: block; width: 20%;margin-left: 4%;float: left;border: 1.5px #959595 solid;
																background: #fff;font-size: 0.8rem;color: #959595;line-height: 2rem;
																margin-top: 0.5rem;margin-bottom: 0.5rem;border-radius: 0.5rem;}
.GameResults .main_con .arrange .content .grouping .right .avter{background: #51b5fe;color: #fff;border-color: #51b5fe;}

.GameResults .main_con .arrange .content .block{border-top: 1px #ccc solid;margin-top: 0.2rem;background: #F2F2F2;}
.GameResults .main_con .arrange .content .block .left{float: left;width:20%;font-size: 0.8rem;background: #fff;color: #373737;border-right: 1px #ccc solid;}
.GameResults .main_con .arrange .content .block .left span{display: block;line-height: 2.5rem;font-size: 0.6rem; border-bottom:1px #e8e8e8 solid ;}
.GameResults .main_con .arrange .content .block .left span.avtie{background: #51b5fe;color: #fff;border-color: #51b5fe;}

.GameResults .main_con .arrange .content .block .right{width:80%;background: #fff;float: right; }
.GameResults .main_con .arrange .content .block .right .titleButton{background: #488AFD;color: #fff;line-height: 2.5rem;}
.GameResults .main_con .arrange .content .block .right .time{line-height: 2.5rem;color: #373737;font-size: 0.6rem;}
/*赛程  大逃杀  结束*/




/*赛程  对抗   开始*/
		/*赛程  对抗  分组*/
.GameResults .two .first{background: #F2F2F2;}
.GameResults .two .first .module1{width: 100%;background: #fff;padding-top: 0.5rem;padding-bottom: 0.5rem;}
.GameResults .two .first .module1 .module{width: 80%; margin: 0 auto;}
.GameResults .two .first .module1 a{width: 26%;float: left;text-align: center;border: 1px #6F6F6F solid;border-radius: 0.2rem;color: #6F6F6F;
									height: 2rem;line-height: 2rem;font-size: 0.6rem;}
.GameResults .two .first .module1 a:nth-of-type(1){margin-right: 11%;}
.GameResults .two .first .module1 a:nth-of-type(2){margin-right: 11%;}
.GameResults .two .first .module1 a.avter{background: #51b2fc;color: #fff;border-color: #51b2fc;}

.GameResults .two .first .module2{width: 100%;padding-top: 1rem;padding-bottom: 0.3rem;}
.GameResults .two .first .module2 .module{width: 86%; margin: 0 auto;}
.GameResults .two .first .module2 a{width: 30%;float: left;text-align: center;border: 1px #6F6F6F solid;border-radius: 0.2rem;color: #6F6F6F;
									height: 2rem;line-height: 2rem;font-size: 0.6rem;margin-bottom: 0.5rem;background: #fff;margin-right: 5%;}
.GameResults .two .first .module2 a:nth-of-type(3),
.GameResults .two .first .module2 a:nth-of-type(6),
.GameResults .two .first .module2 a:nth-of-type(9),
.GameResults .two .first .module2 a:nth-of-type(12),
.GameResults .two .first .module2 a:nth-of-type(15),
.GameResults .two .first .module2 a:nth-of-type(18),
.GameResults .two .first .module2 a:nth-of-type(21),
.GameResults .two .first .module2 a:nth-of-type(24),
.GameResults .two .first .module2 a:nth-of-type(27){margin-right: 0%;}
.GameResults .two .first .module2 a.avter{background: #51b2fc;color: #fff;border-color: #51b2fc;}
		/*赛程  对抗   结构图*/
.GameResults .two .second{background: #fff;}
.GameResults .two .second .box{width: 90%;margin: 0 auto;padding-top: 2rem;}
.GameResults .two .second .module{float: left;}

.GameResults .two .second .equal{width: 30%;text-align: center;}
.GameResults .two .second .one .module1{margin-bottom: 2rem;}
.GameResults .two .second .equal div p{color: #707070;font-size: 0.6rem;line-height: 1rem;margin-bottom: 0.3rem;}
.GameResults .two .second .equal div .area{height: 2.5rem;line-height: 2.5rem;color: #fff;font-size: 0.6rem;margin-bottom: 0.3rem;}
.GameResults .two .second .equal div .area:nth-of-type(1){background: #52B1FC;}
.GameResults .two .second .equal div .area:nth-of-type(2){background: #BFBFBF;}
.GameResults .two .second .equal div .area img{display: inline-block;width: 16px;height: 16px; margin: 0.75rem 0.15rem 0 1.5rem;float: left;}
.GameResults .two .second .equal div .area span{display: inline;float: left;}

.GameResults .two .second .two,.three,.six{height: 2.5rem;}
.GameResults .two .second .stair{height: inherit;}
.GameResults .two .second .stair .line{height: inherit;position: relative;}

.GameResults .two .second .line:before{display: block;width: 100%;
								       content: '';                 /*CSS伪类用法*/
								       position: absolute;         /*定位背景横线的位置*/
								       background: #6f6f6f;       /*宽和高做出来的背景横线*/}
.GameResults .two .second .two  .line:before,
.GameResults .two .second .four .line:before,
.GameResults .two .second .six  .line:before{top: 50%;width: 100%;height: 2px;}

.GameResults .two .second .three .line:nth-of-type(1):before{top: 102%;height: 47px;}
.GameResults .two .second .three .line:nth-of-type(2):before{top: 434%;height: 46px;}
.GameResults .two .second .five{height: 16rem;}
.GameResults .two .second .five .line{height: 16rem;}
.GameResults .two .second .five .line:before{top: 25%;height: 174.5px;}
.GameResults .two .second .six  .line{height: 16rem;}

.GameResults .two .second .two{width: 15%;}
.GameResults .two .second .four,.GameResults .two .second .six{width: 10%;}
.GameResults .two .second .seven{margin-top: 4.15rem;}
			/*赛程  对抗  赛程*/ 
.box2 .content{width: 100%;text-align: center;padding-top: 1rem;}
.box2 .content .diamonds{width: 90%;margin: 0 auto 1rem;}
.box2 .content .diamonds .section .jointly{width: 100%;background: #fff;color: #2d2d2d;font-size: 0.9rem;font-weight: 900;font-family: sans-serif;}
.box2 .content .diamonds .section .contentTime{margin: 0 auto 0.3rem;height: 1rem;line-height: 1rem;text-align: left;text-indent: 0.6rem;}
.box2 .content .diamonds .section .contentTitle{margin: 0 auto;height: 2.5rem;line-height: 2.5rem;}
.box2 .content .diamonds .section .contentTime span{display: block; width: 1%;height: inherit;float: left;background: #54b1fa;}

.box2 .content .game:nth-of-type(1),.box2 .content .game:nth-of-type(3){width: 30%;float: left;}
.box2 .content .game:nth-of-type(2){width: 40%;float: left;padding-top: 0.3rem;}
.box2 .content .game:nth-of-type(1) img,.box2 .content .game:nth-of-type(3) img{display: block; width: 68%;border-radius: 50%;margin: 0 auto;}
.box2 .content .game:nth-of-type(2) .Record{color: #2d2d2d;font-weight: 700;font-size: 1.3rem;}
.box2 .apostrophe{width: 100%;font-size: 0.7rem;color: #2f2f2f;margin: 0.5rem auto;font-weight: 600;}
.box2 .content .diamonds .section .range{margin-bottom: 0rem!important;padding-bottom: 0.6rem;}
.box2 .content .diamonds .section .status{background: #0159cf;width: 50%;}
.box2 .content .diamonds .section .statusbg{background: #fff;}
.box2 .content .diamonds .section .status span{border-top: 0.5rem solid transparent;border-bottom: 0.5rem solid transparent;position: absolute;top: 0;}
.box2 .content .diamonds .section .status .statusLeft{border-right: 0.5rem solid #0159cf;}
.box2 .content .diamonds .section .status .statusRight{border-left: 0.5rem solid #0159cf;}
.box2 .content .game:nth-of-type(2) .condition{color: #818181;font-weight: 700;font-size: 0.6rem;}

.box2 .moreGuessing{text-align: center;margin: 0.3rem auto 0rem!important;width: 100%;}
			/*赛程  对抗  排行   全场最佳*/ 
.box3 .best2{background: #f2f2f2;}
.box3 .best2 .contentHeader{text-align: center;}
.box3 .best2 .content{width: 96%;margin: 0.2rem auto 1rem;}
.box3 .best2 .content .chunk{width: 100%;height: 7rem;margin-bottom: 0.5rem;
							background: url(../img/competition/icon_bg.png) no-repeat center center;
							background-size: 101% 100%;}
.box3 .best2 .content .chunk div{float: left;}
.box3 .best2 .content .chunk .mold{width: 10%;height: 100%;}
.box3 .best2 .content .chunk .mold img{display: block;width: 70%;margin: 1rem auto;}
.box3 .best2 .content .chunk .equal{width: 30%;}
.box3 .best2 .content .chunk .equal .space{width: 55%;float: left;}
.box3 .best2 .content .chunk .equal .space img{display: block; width: 90%;margin: 1rem auto;border-radius: 50%;}
.box3 .best2 .content .chunk .equal p{width: 45%;float: left;font-size: 0.6rem;}
.box3 .best2 .content .chunk .equal .name{color: #2d2d2d;line-height: 1rem;margin-top: 2rem;}
.box3 .best2 .content .chunk .equal .count{color: #707070;line-height: 1rem;}
/*赛程  对抗  结束*/



/*视频*/
		/*有   竞猜*/
.videos .mas{width: 100%;margin-top: 0.5rem;}
.videos .trokeButton{display: block;float: left;width: 44%;margin-left: 4%;margin-bottom: 0.5rem;}
.videos .trokeButton .preview{width: 100%;position: relative;}
.videos .trokeButton .preview .poster{width: 100%;margin: 0 auto;vertical-align: middle;}
.videos .trokeButton .preview div{width: 100%;height: 1.4rem;line-height: 1.4rem;background: rgba(0,0,0,0.7);
									position: absolute;bottom: 0;left: 0;}
.videos .trokeButton .preview div span{color: #cfcfcf;font-size: 0.7rem;}
.videos .trokeButton .preview div span:nth-of-type(1){float: left;margin-left: 0.2rem;}
.videos .trokeButton .preview div span:nth-of-type(2){float: right;margin-right: 0.2rem;}
.videos .trokeButton .preview div span:nth-of-type(2) img{width: 1rem;vertical-align: middle;}

/*竞猜*/
		/*有  火爆竞猜*/
.guessing .content{width: 100%;margin: 0.8rem auto 0.5rem;text-align: center;}
.guessing .content .contentHeader{width: 90%;}
.guessing .content .game:nth-of-type(1),.guessing .content .game:nth-of-type(3){width: 30%;float: left;}
.guessing .content .game:nth-of-type(2){width: 40%;float: left;padding-top: 0.3rem;}
.guessing .content .game:nth-of-type(1) img,.guessing .content .game:nth-of-type(3) img{display: block; width: 68%;border-radius: 50%;margin: 0 auto;}
.guessing .content .game:nth-of-type(2) img{display: block; width: 40%;margin: 0 auto;}
.guessing .apostrophe{width: 100%;font-size: 0.7rem;color: #2f2f2f;margin: 0.5rem auto;font-weight: 600;}
.status{background: #a02928;width: 70%;color: #fff;margin: 0.5rem auto;font-size: 0.7rem;line-height: 1rem;position: relative;}
.status span{border-top: 0.5rem solid transparent;border-bottom: 0.5rem solid transparent;position: absolute;top: 0;}
.status .statusLeft{border-right: 0.5rem solid #a02928;left: -0.5rem;}
.status .statusRight{border-left: 0.5rem solid #a02928;right: -0.5rem;}
.guessing .content .game:nth-of-type(2) p{color: #818181;font-weight: 700;}

.guessing .content .game .odds{display: block;width: 100%;line-height: 2rem;font-size: 0.6rem;color: #808080;}
.guessing .content .game .bottomPour{display: block;width: 70%;background: #4789fa;color: #fff;border-radius: 0.2rem;
									  height: 1.8rem;line-height: 1.8rem;border: none;margin: 0 auto 1rem;}

.guessing .guessingList{width: 100%;margin: 0rem auto 0.5rem;padding-top: 0.5rem;text-align: center;}
.guessing .guessingList a{display: block;width: 96%;height: 100%;padding-top: 0.5rem 0;margin: 0.5rem auto;}
.guessing .guessingList .game:nth-of-type(1),.guessing .guessingList .game:nth-of-type(3){width: 32.5%;float: left;}
.guessing .guessingList .game:nth-of-type(2){width: 15%;float: left;padding-top: 0.3rem;}

.guessing .guessingList .game .module1{width: 40%;float: left;}
.guessing .guessingList .game .module2{width: 60%;float: left;}
.guessing .guessingList .game .module1 img{display: block; width: 68%;border-radius: 50%;margin: 1rem auto;}

.guessing .guessingList .game .module2{width: 60%;float: left;}
.guessing .guessingList .game .module2 .odds{color: #808080;font-size: 0.6rem;}
.guessing .guessingList .status{margin: 0.2rem auto;}

.guessing .guessingList .game:nth-of-type(2) img{display: block; width: 40%;margin: 0 auto;}
.guessing .guessingList .game:nth-of-type(2) p{color: #818181;font-size: 0.6rem;}

.guessing .guessingList .buttonArea{display: block;width: 20%;float: left;line-height: 2rem;font-size: 0.6rem;}
.guessing .guessingList .buttonArea .bottomPour{display: block;width: 70%;color: #fff;border-radius: 0.2rem;
									  height: 1.8rem;line-height: 1.8rem;border: none;margin: 1rem auto;}

.moreGuessing{display: block;margin: 1rem auto; width: 96%;height: 2rem;line-height: 1.8rem;color: #828282;
				border: 1.5px #959595 solid;background: #fff;border-radius: 0.2rem;}

/*固定导航*/
.share2{width: 70%;background: #0079fe;}
.share3{width: 30%;background: #ff3b30;}



.noGuessing{width: 100%;padding-top: 5rem;background: #fff;}
.noGuessing .title_con{width: 100%; color: #808080;text-align: center;line-height: 3rem;font-size: 0.8rem;}
.noGuessing .viewMore{display: block;text-align: center;width: 7rem;height: 2.5rem;line-height: 2.5rem;background: #fff;
					  border: 1.5px #959595 solid;color: #808080;font-size: 0.6rem;margin: 0 auto;border-radius: 0.4rem;margin-bottom: 10rem;}


/*弹窗  弹出层*/
		/*参赛队员*/
.takePart{padding-bottom: 4rem;}
.takePart .title{line-height: 4rem;}
.takePart .title span{font-size: 1rem;}
.takePart .title span i{font-style: initial;}

.style1{width: 80%; color: #000;font-size: 0.8rem;line-height: 1.2rem;text-align: left;font-weight: 700;margin: 0 auto;}
.style1 span{display: inline-block;width: 60%;text-align: center; color: #4B4B4B;font-size: 0.7rem;font-weight: normal;}

.takePart .content{height: 182px;overflow-y: scroll;}
.takePart .content .selectDiv{width: 80%;height: 3rem; margin: 0rem auto;}
.takePart .content .selectDiv .module{float: left;}
.takePart .content .selectDiv .module1{width: 30%;height: 3rem; background: #fff;}
.takePart .content .selectDiv .module1 .borderDiv{width: 1.6rem;height: 1.6rem; border: 2px #787878 solid;border-radius: 0.1rem;margin: 0.75rem auto;}
.takePart .content .selectDiv .module1 .borderDiv .pitchUp{display: block; width: 86%;height: 86%;border-radius: 0.1rem;float: left; margin-top: 7%;margin-left: 7%;}

.moduleBGcolor2{background: #787878;}
.takePart .content .selectDiv .module2{width: 30%; height: inherit;}
.takePart .content .selectDiv .module2 img{display: block;border-radius: 50%;}
.takePart .content .selectDiv .module3{width: 40%; height: inherit;line-height: 3rem;}
.takePart .content .selectDiv .module3 span{display: block; width: 100%;}

.takePart .content .selectDiv input{display: block;width: 100%; line-height: 2rem;background: #e5e5e5;border-radius: 0.2rem;
									font-size: 0.7rem;text-indent: 0.5rem;color: #787878;border: none;font-weight: 600;}

.takePart .buttonDiv{width: 100%;height: 3rem;line-height: 3rem;position: absolute;left: 0;bottom: 0;}
.takePart .buttonDiv button{width: 100%;height: inherit;text-align: center;color: #fff;font-size: 1rem;border: none;background: #558efc;}



/*5.5英寸   414*736尺寸的屏幕  如iPhone6 Plus、iPhone6s Plus、iPhone7 Plus、魅族MX5  1920x1080  /3★*/ 
@media only screen and (max-width: 414px) {
	.particular .main .bonus{background-position-y: 6.6rem;height: 14.2rem;}
	.information .info_left .info_left_top .signature{width: 45%;}
	
	.takePart{ margin-top: 26%;}
	.takePart .content .selectDiv .module2 img{width: 49%;margin: 0.3rem auto;}
	
	.guessing .content .game:nth-of-type(1) img,.guessing .content .game:nth-of-type(3) img{height: 5.278rem;}
	
	.mobile .nav{bottom: 4rem;}
	.share{bottom: 7rem;}
	
	.GameResults .two .second .three,.GameResults .two .second .five{width: 0.5%;}
	.GameResults .two .second .equal div .area span{max-width: 62%;}
}
/*5.96英寸  412*732尺寸的屏幕  如谷歌Nexus 6   2K 2560x1440  /3.5★*/
@media only screen and (max-width: 412px) {
	.particular .main .bonus{background-position-y: 6.6rem;height: 14.1rem;}
	.information .info_left .info_left_top .signature{width: 46%;}
	
	.takePart{ margin-top: 26%;}
	.takePart .content .selectDiv .module2 img{width: 50%;margin: 0.3rem auto;}
	
	.guessing .content .game:nth-of-type(1) img,.guessing .content .game:nth-of-type(3) img{height: 5.252rem;}
	
	.mobile .nav{bottom: 4rem;}
	.share{bottom: 7rem;}
	
	.GameResults .two .second .three,.GameResults .two .second .five{width: 0.5%;}
	.GameResults .two .second .equal div .area span{max-width: 61%;}
}
/*5.2英寸   411*731尺寸的屏幕  如 谷歌Nexus 5x   1920x1080  /2.625★*/
@media only screen and (min-width: 376px) and (max-width: 411px) {
	.particular .main .bonus{background-position-y: 6.5rem;height: 14rem;}
	.information .info_left .info_left_top .signature{width: 47%;}
	
	.takePart{ margin-top: 24%;}
	.takePart .content .selectDiv .module2 img{width: 50%;margin: 0.3rem auto;}
	
	.guessing .content .game:nth-of-type(1) img,.guessing .content .game:nth-of-type(3) img{height: 5.24rem;}
	
	.mobile .nav{bottom: 4rem;}
	.share{bottom: 7rem;}
	
	.GameResults .two .second .three,.GameResults .two .second .five{width: 0.6%;}
	.GameResults .two .second .equal div .area span{max-width: 60%;}
}

/*4.7英寸   375*667尺寸的屏幕  如iPhone6、iPhone7、iPhone 6s   1334x750*/
@media only screen and (min-width: 361px) and (max-width: 375px) {
	.particular .main .bonus{background-position-y: 5.9rem;height: 12rem;}
	.information .info_left .info_left_top .signature{width: 51%;}
	
	.takePart{ margin-top: 16%;}
	.takePart .content .selectDiv .module2 img{width: 60%;margin: 0.1rem auto;}
	
	.guessing .content .game:nth-of-type(1) img,.guessing .content .game:nth-of-type(3) img{height: 4.782rem;}
	
	.mobile .nav{bottom: 4rem;}
	.share{bottom: 7rem;}
	
	.GameResults .two .second .three,.GameResults .two .second .five{width: 0.7%;}
	.GameResults .two .second .equal div .area span{max-width: 58%;}
}
/*4.95英寸  360*640尺寸的屏幕  如 谷歌Nexus 5     1920x1080 /3★*/
@media only screen and (min-width: 321px) and (max-width: 360px) {
	.particular .main .bonus{background-position-y: 5.7rem;height: 11rem;}
	.information .info_left .info_left_top .signature{width: 52%;}
	
	.takePart{ margin-top: 12%;}
	.takePart .content .selectDiv .module2 img{width: 60%;margin: 0.3rem auto;}
	
	.guessing .content .game:nth-of-type(1) img,.guessing .content .game:nth-of-type(3) img{height: 4.5899rem;}
	
	.mobile .nav{bottom: 4rem;}
	.share{bottom: 7rem;}
	
	.GameResults .two .second .three,.GameResults .two .second .five{width: 0.8%;}
	.GameResults .two .second .equal div .area span{max-width: 56%;}
}
/*4.0英寸   320*568尺寸的屏幕  如iPhone5、iPhone SE   1136x640*/
@media only screen and (max-width: 320px) {
	.particular .main .bonus{background-position-y: 5.1rem;height: 10rem;}
	.information .info_left .info_left_top .signature{width: 58%;}
	
	.takePart{ margin-top: 3%;}
	.takePart .content .selectDiv .module2 img{width: 60%;margin: 0.3rem auto;}
	
	.guessing .content .game:nth-of-type(1) img,.guessing .content .game:nth-of-type(3) img{height: 4.08rem;}
	
	.mobile .nav{bottom: 4rem;}
	.share{bottom: 7rem;}
	
	.GameResults .two .second .three,.GameResults .two .second .five{width: 0.8%;}
	.GameResults .two .second .equal div .area span{max-width: 50%;}
}